<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8" />
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <title>资产管理</title>
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="../css/base.css">
  <link rel="stylesheet" href="../js/layer/layui-v2.3.0/layui/css/layui.css">
  <link rel="stylesheet" href="../js/ztree/css/zTreeStyle/zTreeStyle.css">
  <link rel="stylesheet" href="../css/common/header.css">
  <link rel="stylesheet" href="../css/common/nav.css">
  <link rel="stylesheet" href="../css/common/action2.css">
  <link rel="stylesheet" href="../css/pages/am.css">
</head>
<body>
  <!-- 头部 -->
  <div class="header-wrapper">
    <div class="header-navs">
      <div class="nav-content">
        <span>欢迎您，admin</span>
        <span>账号管理</span>
        <span>注销</span>
      </div>
    </div>
  </div>
  <!-- 导航 -->
  <div class="nav-wrap">
    <ul class="nav-list">
      <li id="nav0" class="li-hook navActive">
        <div class="nav-item">首页</div>
      </li>
      <li id="nav1" class="li-hook">
        <div class="nav-item">房屋固定资产平台</div>
      </li>
      <li id="nav2" class="li-hook">
        <div class="nav-item">车辆平台</div>
      </li>
      <li id="nav3" class="li-hook">
        <div class="nav-item">信息化设备平台</div>
      </li>
      <li id="nav4" class="li-hook">
        <div class="nav-item">办公设备平台</div>
      </li>
      <li id="nav5" class="li-hook">
        <div class="nav-item">食堂管理平台</div>
      </li>
      <li>
        <a href="./systemManagement.html"><div class="nav-item">系统管理</div></a>
      </li>
    </ul>
  </div>
  <!-- 容器 -->
  <div class="wrapper">
      <table class="appTable" style="width: 100%;border-spacing: 0;">
        <tr>
          <td class="appTd" style="width: 256px">
              <!-- 左边容器 -->
            <div class="am-left-content">
              <!-- 标题 -->
              <div class="am-left-title">信息化设备资产</div>
              <!-- 副标题 -->
              <div class="am-left-sub-title">资产使用情况</div>
              <!-- 属性控件 -->
              <div class="am-left-tree">
                  <ul id="treeElm" class="ztree"></ul>
              </div>
            </div>
          </td>
          <td class="appTd">
            <!-- 右边容器 -->
            <div class="am-right-content">
              <div class="am-first-section">
                <div class="am-zcrk-btn">资产入库</div>
                <!-- 搜索框 -->
                <div class="am-search">
                  <input class="am-search-input" type="text" />
                  <div class="am-search-btn">搜索</div>
                </div>
              </div>
              <!-- 选择框 -->
              <div class="select-group">
                <form class="layui-form" action="">
                  <div class="app-form-item">
                    <div class="layui-form-item">
                      <label class="layui-form-label">资产类别</label>
                      <div class="layui-input-block">
                        <select lay-verify="required">
                          <option value=""></option>
                          <option value="0">全部</option>
                          <option value="1">类型1</option>
                          <option value="2">类型2</option>
                          <option value="3">类型3</option>
                          <option value="4">类型4</option>
                        </select>
                      </div>
                    </div>
                  </div>

                  <div class="app-form-item">
                      <div class="layui-form-item">
                        <label class="layui-form-label">状态</label>
                        <div class="layui-input-block">
                          <select lay-verify="required">
                            <option value=""></option>
                            <option value="0">全部</option>
                            <option value="1">状态1</option>
                            <option value="2">状态2</option>
                            <option value="3">状态3</option>
                            <option value="4">状态4</option>
                          </select>
                        </div>
                      </div>
                  </div>
                  <div class="app-form-item">
                    <div class="layui-form-item">
                      <label class="layui-form-label">使用人</label>
                      <div class="layui-input-block">
                        <select lay-verify="required">
                          <option value=""></option>
                          <option value="0">全部</option>
                          <option value="1">状态1</option>
                        </select>
                      </div>
                    </div>
                  </div>
                </form>
              </div>
              <!-- 日期选择 -->
              <div class="date-group" style="margin-top: 0">
                <div class="app-form-item">
                  <div class="layui-form-item">
                    <label class="layui-form-label">采购时间</label>
                    <div class="layui-input-block">
                      <input type="text" id="startInput" required  lay-verify="required" placeholder="开始时间" autocomplete="off" class="layui-input">
                    </div>
                  </div>
                  <i class="layui-icon layui-icon-log app-date-icon"></i>  
                </div>
                <div class="app-form-item">
                  <div class="app-date-hr"></div>
                  <div class="layui-form-item">
                    <label class="layui-form-label"></label>
                    <div class="layui-input-block">
                      <input type="text" id="endInput" required  lay-verify="required" placeholder="开始时间" autocomplete="off" class="layui-input">
                    </div>
                  </div>
                  <i class="layui-icon layui-icon-log app-date-icon"></i>  
                </div>
              </div>
              <!-- 操作导航 -->
              <div class="action">
                <div class="details-list-wrap">
                  <ul class="details-list">
                    <li id="action0">
                      <div class="item-wrap">
                        <img src="../imgs2/assetDetails_icon1.png">
                        <span>发放</span>
                      </div>
                    </li>
                    <li id="action1">
                      <div class="item-wrap">
                        <img src="../imgs2/assetDetails_icon2.png">
                        <span>变更</span>
                      </div>
                    </li>
                    <li id="action2">
                      <div class="item-wrap">
                        <img src="../imgs2/assetDetails_icon3.png">
                        <span>回收</span>
                      </div>
                    </li>
                    <li id="action3">
                      <div class="item-wrap">
                        <img src="../imgs2/assetDetails_icon4.png">
                        <span>调剂</span>
                      </div>
                    </li>
                    <li id="action4">
                      <div class="item-wrap">
                        <img src="../imgs2/assetDetails_icon5.png">
                        <span>维修</span>
                      </div>
                    </li>
                    <li id="action5">
                      <div class="item-wrap">
                        <img src="../imgs2/assetDetails_icon6.png">
                        <span>报废</span>
                      </div>
                    </li>
                  </ul>
                </div>
              </div>
              <!-- 表格 -->
              <div id="app" class="table-content">
                <table class="layui-table" lay-even lay-skin="nob">
                  <thead>
                    <tr>
                      <th style="width: 40px;"><input type="checkbox"></th>
                      <th>资产编码</th>
                      <th>资产名称</th>
                      <th>资产类型</th>
                      <th>资产类别</th>
                      <th>使用人</th>
                      <th>采购时间</th>
                      <!-- 新增select -->
                      <th style="width: 96px;">
                        <div>
                          <form class="layui-form" action="">
                            <div class="layui-input-block">
                              <select name="status" lay-verify="required">
                                <option value="">状态</option>
                                <option value="0">未使用</option>
                                <option value="1">使用中</option>
                                <option value="2">维修中</option>
                                <option value="3">放置中</option>
                                <option value="4">已报废</option>
                              </select>
                            </div>
                          </form>
                        </div>
                      </th>
                      <th>操作</th>
                    </tr> 
                  </thead>
                  <tbody>
                    <tr v-for="item in tableDatas" :key="item[0]">
                      <td>
                        <input type="checkbox">
                      </td>
                      <td>{{item[0]}}</td>
                      <td>{{item[1]}}</td>
                      <td>{{item[2]}}</td>
                      <td>{{item[3]}}</td>
                      <td>{{item[7]}}</td>
                      <td>{{item[8]}}</td>
                      <td>
                        <button v-if="item[12] == '维修中'" onclick="showFin()" class="layui-btn  layui-btn-radius layui-btn-sm" style="background: #ff0000">维修中</button>
                        <span v-if="item[12] != '维修中'">{{item[12]}}</span>
                      </td>
                      <td>
                        <button onclick="showDetail()" class="layui-btn layui-btn-radius layui-btn-sm" style="background: #6dc464">详情</button>
                        <button onclick="showLog()" class="layui-btn  layui-btn-radius layui-btn-sm" style="background: #fdb03b">日志</button>
                      </td>
                    </tr>
                  </tbody>
                </table>
              </div>

            </div>
          </td>
        </tr>
      </table>
  </div>

  <script src="../js/jquery/jquery.min.js"></script>
  <script src="../js/ztree/js/jquery.ztree.core.js"></script>
  <script src="../js/data/ztree.data.js"></script>
  <script src="../js/data/table.data.js"></script>
  <script src="../js/layer/layui-v2.3.0/layui/layui.all.js"></script>
  <script src="../js/vue/vue.min.js"></script>
  <script src="../js/pages/am.js"></script>
</body>
</html>